<template>
	<view>
		<u-popup :show="show"  mode="center" :closeable="true" :round="12" @close="close">
		  <view class="popDialog">
		     <view class="font-32 text-bold text-center m-b-70">长按扫码进群</view>
		     <view class="borders">
		       <image :src="$util.img('image/6.png')" mode="" class="code" show-menu-by-longpress></image>
		     </view>
		  </view>
		</u-popup>
	</view>
</template>

<script>
	export default {
		name:"chatGroup",
		props: {
		  show: {
		    type: Boolean,
		    default: false
		  },
		  img: {
		    type: String,
		    default: ''
		  }
		},
		data() {
			return {
				
			};
		},
		methods: {
		  close() {
		    this.$emit("close")
		  },
		}
	}
</script>

<style lang="scss" scoped>
.popDialog {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 590rpx;
  padding: 40rpx 0 90rpx;
  border-radius: 24rpx;
  .borders {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 382rpx;
    height: 382rpx;
    border-radius: 27rpx;
    border: 1rpx solid $color-title2;
    image {
      width: 313rpx;
      height: 313rpx;
    }
  }
}
</style>